
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8"/>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
	<title>美年大-添加银行卡页</title>
	<link rel="stylesheet" href="css/reset.css"/>
	<link rel="stylesheet" href="css/font/iconfont.css"/>
	<link rel="stylesheet" href="css/iosSelect.css"/>
	<link rel="stylesheet" href="css/header.css"/>
	<link rel="stylesheet" href="css/add_bankcard.css"/>
</head>
<body>
	<section class="add_bankcard">
		<header>
			<div class="head_left">
				<i class="icon iconfont icon-iconback"></i>
				添加银行卡
			</div>
			<div class="head_right">
			</div>
		</header>
		<div class="bankcard_box">
			<ul class="bankcard_list">
				<li>
					<label>开卡人姓名</label>
					<div class="l_right">
						朱全明
					</div>
				</li>
				<li>
					<label>身份证号</label>
					<div class="l_right">
						234554321678908765
					</div>
				</li>
				<li>
					<label>开户银行</label>
					<div class="l_right">
						<input type="hidden" name="bank_id" id="bankId" value="">                     
        				<p id="showBank">选择开户行</p>
						<i class="icon iconfont icon-right"></i>
					</div>
					<b class="cw_txt">错误信息</b>
				</li>
				<li>
					<label>开户支行</label>
					<div class="l_right">
						<input type="text" placeholder="请输入开户支行" />
					</div>
				</li>
				<li>
					<label>银行卡号</label>
					<div class="l_right">
						<input type="text" placeholder="请输入银行卡号" />
					</div>
				</li>
				<li>
					<label>手机号</label>
					<div class="l_right">
						<input type="text" placeholder="请输入手机号" />
					</div>
				</li>
				<li>
					<label class="lab_yz">验证码</label>
					<div class="l_right l_yz">
						<span>获取验证码</span>
						<input class="inp_yz" type="text" placeholder="请输入验证码" />
					</div>
				</li>
			</ul>
			<h4>绑定银行卡号只能采用借记卡，银行卡开卡人必须与平台注册人一致。如有问题请致电4006-030-101</h4>
		</div>
	</section>
	<div class="mndBtn">
		<span class="nextBtn">下一步</span>
	</div>
	<script type="text/javascript" src="js/bank.js"></script>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/iosSelect.js"></script>
	<script type="text/javascript" src="js/iscroll.js"></script>
	<script type="text/javascript">
		var showBankDom = document.querySelector('#showBank');
	    var bankIdDom = document.querySelector('#bankId');
	    showBankDom.addEventListener('click', function () {
	        var bankId = showBankDom.dataset['id'];
	        var bankName = showBankDom.dataset['value'];

	        var bankSelect = new IosSelect(1, 
	            [data],
	            {
	                container: '.container',
	                title: '银行卡选择',
	                itemHeight: 36,
	                oneLevelId: bankId,
	                callback: function (selectOneObj) {
	                    bankIdDom.value = selectOneObj.id;
	                    showBankDom.innerHTML = selectOneObj.value;
	                    showBankDom.dataset['id'] = selectOneObj.id;
	                    showBankDom.dataset['value'] = selectOneObj.value;
	                }
	        });
	    });
	</script>
</body>
</html>
